草庐IT

Web前端Tips:CSS3 部分新特性介绍

全部标签

javascript - CSS/JavaScript - 元素外的内容溢出 :hidden

我有一个容器div元素,上面有overflow:hidden。不幸的是,由于网站的制作方式,此属性是必需的。在这个div中是所有网站内容,包括一些工具提示。当您将鼠标悬停在链接或其他内容上时,这些工具提示将通过jQuery显示。问题是,由于上面的溢出,这些工具提示中的一些将显示部分隐藏,因为它们位于容器div之外......有什么方法可以显示此容器内的特定元素,即使它超出了容器的边界?也许是JavaScript解决方案?html看起来像这样:themaincontentthetooltipthing 最佳答案 试试这个:themai

javascript - 是否有Web服务API可以查找最新版本的Web浏览器?

我想对Web服务执行跨域AJAX请求或JSONP,以检索最新的Web浏览器列表。我会将它用于需要通知用户是否不支持特定功能的应用程序以升级到最新版本或使用完全不同的Web浏览器。有这样的服务吗?我希望在microsoft.com,mozilla.org等网站上获得官方服务,但是如果有第三方服务,我很想知道。 最佳答案 您可以在此处获取最新的Web浏览器列表:http://fresh-browsers.com/ 关于javascript-是否有Web服务API可以查找最新版本的Web浏览器

javascript - jQuery:使用 CSS3 而不是 JavaScript 制作动画

我正在转换一个基于jQuery的网络应用程序以便在iPad上使用,并且需要利用CSS3动画的硬件加速性能。我已经在使用fadeIn、fadeOut和一些定位动画,所以理想情况下我想要一个插件来覆盖这些功能以使用CSS3,而无需更改核心功能。我四处搜索,但找不到任何人解决过这个问题,所以我正在考虑自己编写一个插件,但我想确保其他人还没有这样做。如有任何反馈,我们将不胜感激! 最佳答案 结帐如何http://playground.benbarnett.net/jquery-animate-enhanced/

javascript - 使用 CSS 返回元数据

我有一个在服务器上动态创建的CSS样式表,并通过返回标签。是否可以使用此样式表返回我可以使用JavaScript读取的任何元数据?(用例:我返回的样式表是几个较小的样式表的组合。我希望我的JavaScript代码能够检测到包含哪些较小的样式表。)我考虑过向元素添加一些自定义属性:body{-my-custom-prop1:0;-my-custom-prop2:0;}但是当我尝试阅读这些内容时:window.getComputedStyle(document.body)['-my-custom-prop1']它们不会被退回。还有其他想法吗?编辑:我最终采用了一种略有不同的方法。而不是添加

javascript - 拦截 Web 浏览器控制台消息

我正在开发一个网络应用程序,该应用程序将推出给一些用户进行测试。显然会有错误,所以我想捕获它们以便更容易开发修复程序。有没有办法在我的Web应用程序中拦截任何控制台消息(浏览器/js错误和由console.log生成的消息),以便我可以将它们发送到服务器上的日志记录服务并让它们可用于调试? 最佳答案 是的。拦截console.log()调用:console['log']=function(msg){//dowahteveryouneedwithmsghere}拦截错误(所谓的diaper反模式):try{//yourapp'scod

javascript - 图像上传到 JavaScript 中的 Web 服务

我需要从javascript将图像上传到网络服务。我必须发送一个json字符串一个文件(图像)。在Java中我们有MultipartEntity。我在java中有以下代码:HttpPostpost=newHttpPost(aWebImageUrl2);MultipartEntityentity=newMultipartEntity(HttpMultipartMode.BROWSER_COMPATIBLE);//ForFileparametersentity.addPart("picture",newFileBody(((File)imgPath)));//ForusualStringp

javascript - 部分包含 mustache.js 中的路径

我正在尝试从一个目录中将部分内容包含在我的模板中。这个有效:{{>header}}这不是:{{>inc/header}}{{>../header}}除了兄弟之外的任何位置似乎都没有被拾取。这正常吗? 最佳答案 header、inc/header和../header只是渲染时传入的partials对象中的键名具有部分文本的值vartmpl="{{>header}}{{>inc/header}}{{>../header}}",data={},partials={header:"example",'inc/header':"xmpl",'

javascript - web speech api语音合成-获取语音列表

我在使用网络语音API时遇到了一个奇怪的问题。我已经设置了一些代码来说出一串文本——很少,它会用正常的声音说出来(MacOSX中听写和语音设置中的“Alex”)。但通常情况下,它会用“Albert”的声音说话。我正在查看此处列出的w3c网络语音API:https://dvcs.w3.org/hg/speech-api/raw-file/tip/speechapi.html#dfn-ttsgetvoices还有一个接口(interface)叫做SpeechSynthesisVoiceList{}我正在尝试访问此功能,但我不能。我如何访问此语音列表?我正在使用chromecanary,我已

javascript - 设置 Backbone.View 的动态 css 样式属性

我正在尝试设置的高度、宽度和背景图像元素。这是我的Backbone.View的内容:varRackView=Backbone.View.extend({tagName:'ul',className:'rackunselectable',template:_.template($('#RackTemplate').html()),render:function(){this.$el.html(this.template(this.model.toJSON()));returnthis;},attributes:function(){varisFront=this.model.get('i

javascript - CSS3不透明度的最大精度是多少?

所以我一直在生成opacityforinteractivefading.不过,我认为对不透明度使用未四舍五入的值并不是一个好主意。如果最大精度低于最大javascript精度,浏览器似乎对该值进行四舍五入,但认为它已更改。所以问题是,对CSS3opacity有意义的最大精度是多少? 最佳答案 Opacity基本上允许您想要的小数位数,但问题是HTML只能以256种不同的方式改变其亮度。因此,最敏感的不透明度将出现在白色的黑色之上,这将有256种不同的可见色调。这是因为R、G和B之间的比例必须始终保持不变才能保持相同的颜色。因此,由于